<div id="login_div" style="width: 100%; text-align: center;">

    <table id="signup_form" style="margin: 0 auto;">      
	<tr>
	  <td colspan="2" align="center">
	    <h2>Sign up</h2>
	    <div><a href="#" onClick="js:getContent('login.html', 'main');">Back to login</a></div>
	  </td>
	</tr>
	
	<tr>
	  <td>
	    <label id="name_label">Username</label>
	  </td>
	  <td>
	    <input type="text" name="name" id="name" size="10"/>
	  </td>
	</tr>	

	<tr>
	  <td>
	    <label id="password_label">Password</label>
	  </td>
	  <td>
	     <input type="text" name="pass" id="password" size="10" onkeypress="js:dojo.byId('strength').innerHTML=testPassword(dojo.byId('password').value);"> <!--js:dojo.byId('strength').innerHTML=testPassword(dojo.byId('password').value);"/>-->
	  </td>
	</tr>
	
	<tr>
	  <td>
	    <label id="repassword_label">Retype pass</label>
	  </td>
	  <td>
	    <input type="text" name="repass" id="password2" size="10"/>
	  </td>
	</tr>
	
	<tr>
	  <td>
	    <label id="email_label">Email</label>
	  </td>
	  <td>
	    <input id="emnail" type="text" name="email" size="10"/>
	  </td>
	</tr>	
	
	<tr>
	  <td align="right">
	    <input type="checkbox" id="terms" name="terms_agree"/>
	  </td>
	  <td>
	   <a href="#" onClick="js:alert('The information about items may be incorrect. You should follow shop policies while in shop');">I agree with the Terms and Conditions</a>
	  </td>
	</tr>
	
	<tr>
	  <td colspan="2" align="center">
	    <input type="button" value="Sign me up" onClick="js:signup();"/>
	  </td>
	</tr>

     </table>
      
</div>